<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>jQuery悬浮标题的幻灯片播放焦点图DEMO演示</title>

<link rel="stylesheet" href="style.css">

</head>
<body>
	


<section class="slider-container">
	<ul id="slider" class="slider-wrapper">
		<li class="slide-current">
			<img src="images/1.jpg" alt="Slider Imagen 1">
			<div class="caption">
				<h3 class="caption-title">HTML5资源教程</h3>
				<p>HTML5资源教程 - www.html5tricks.com</p>
			</div>
		</li>

		<li>
			<img src="images/2.jpg" alt="Slider Imagen 1">
			<div class="caption">
				<h3 class="caption-title">HTML5资源教程</h3>
				<p>HTML5资源教程 - www.html5tricks.com</p>
			</div>
		</li>

		<li>
			<img src="images/3.jpg" alt="Slider Imagen 1">
			<div class="caption">
				<h3 class="caption-title">HTML5资源教程</h3>
				<p>HTML5资源教程 - www.html5tricks.com</p>
			</div>
		</li>

		<li>
			<img src="images/4.jpg" alt="Slider Imagen 1">
			<div class="caption">
				<h3 class="caption-title">HTML5资源教程</h3>
				<p>HTML5资源教程 - www.html5tricks.com</p>
			</div>
		</li>
	</ul>

	<div class="shadow"></div>

	<ul id="slider-controls" class="slider-controls"></ul>

</section>


<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>
